<input type="button" value="help-homepage" onClick="popup=window.open('http://www.help-homepage.de.vu')">

 

 

value="help-homepage" legt die Buttonbezeichnung fest


Einbaucode wenn sich die Seite im aktuellen Fenster öffnen soll:

<input type="button" value="help" onclick="location='http://www.help-homepage.de.vu/'">

Beispiel erspare ich mir an dieser Stelle.

Design-Tipp: Man kann das Buttonlayout mit CSS aufpeppen! Erklärung am Beispiel:



<input style="font-size:11pt; font-weight:bold; color:#FF0000; background-color:#000000; border-color:#FFFFFF;" type="button" value="help-hp" onClick="popup=window.open(' http://www.help-homepage.de.vu')">

Erläuterungen zu den CSS Atributen:

font-size:11pt; legt die Schriftgröße fest, hier sind es 11 pt
font-weight:bold; legt fest, dass der Button Text in Fettschrift geschrieben wird
color:#FF0000; legt die Textfarbe fest, hier Rot
background-color:#000000; legt die Flächenfarbe fest, hier ein Schwarz
border-color:#FFFFFF; legt die linke und obere Randfarbe fest, die untere sowie rechte wird automatisch etwas dunkler eingestellt.
   Klick- / Doppelklick-Button mit anschl. Texthinweis

<input type="button" onmouseup="JavaScript: alert( ' Hallo \n *gg* ' )" value="Hier einmal klicken">

Ergebnis:

<input type="button" ondblclick="JavaScript: alert( ' Doppel-Hallo \n *gg* ' )" value="Hier doppelklicken">

Ergebnis:


Design-Tipp: Man kann das Buttonlayout mit CSS aufpeppen! Erklärung am Beispiel:



<input style="font-size:15pt; font-weight:bold; color:#CFCFCF; background-color:#00007F; border-color:#FF0000;" type="button" onmouseup="JavaScript: alert( ' Dieser Button wurde gestylt. ' )" value="Hier 1x Klicken">

Erläuterungen zu den CSS Atributen:

font-size:15pt; legt die Schriftgröße fest, hier sind es 15 pt
font-weight:bold; legt fest, dass der Button Text in Fettschrift geschrieben wird
color:#CFCFCF; legt die Textfarbe fest, hier ein Grauton
background-color:#00007F; legt die Flächenfarbe fest, hier ein Blauton
border-color:#FF0000; legt die linke und obere Randfarbe fest, die untere sowie rechte wird automatisch etwas dunkler eingestellt.
Datenschutzerklärung
Gratis Homepage erstellen bei Beepworld
 
Verantwortlich für den Inhalt dieser Seite ist ausschließlich der
Autor dieser Homepage, kontaktierbar über dieses Formular!